@import './mixins.scss';

$primary-color: #0BB78E;
$black-color: #444444;
$light-color: #ffffff;
$dark-gray: #777777;
$light-gray: #eeeeee;
$light-bg: #f4f4f4;

page {
	background-color: #fff;
	font-size: 14px;
}

::-webkit-scrollbar {
	display: none;
}

button {
	margin: 0;
	padding: 0;
	display: inline-block;
	line-height: 1;
	border-radius: 0;
}

.flex-block {
  @include flex-base();
}

.flex-between {
	@include flex-base($jc:space-between, $ai:center);
}

.flex-xy-center {
  @include flex-base($jc:center, $ai:center);
}
.flex-col {
	flex-direction: column;
}

.ellipsis {
	@include ellipsis()
}

.u-main-color {
	color: $u-main-color;
	view,text {
		color: $u-main-color !important;
	}
}
.u-content-color {
	color: $u-content-color;
	view,text {
		color: $u-content-color !important;
	}
}
.u-tips-color {
	color: $u-tips-color;
	view,text {
		color: $u-tips-color !important;
	}
}
.u-light-color {
	color: $u-light-color;
	view,text {
		color: $u-light-color !important;
	}
}
.u-border-color {
	color: $u-border-color;
	view,text {
		color: $u-border-color !important;
	}
}
.u-bg-color {
	color: $u-bg-color;
	view,text {
		color: $u-bg-color !important;
	}
}
.u-disabled-color {
	color: $u-disabled-color;
	view,text {
		color: $u-disabled-color !important;
	}
}

.u-primary {
	color: $u-primary;
	view,text {
		color: $u-primary !important;
	}
}
.u-primary-dark {
	color: $u-primary-dark;
	view,text {
		color: $u-primary-dark !important;
	}
}
.u-primary-disabled {
	color: $u-primary-disabled;
	view,text {
		color: $u-primary-disabled !important;
	}
}
.u-primary-light {
	color: $u-primary-light;
	view,text {
		color: $u-primary-light !important;
	}
}

.u-warning {
	color: $u-warning;
	view,text {
		color: $u-warning !important;
	}
}
.u-warning-dark {
	color: $u-warning-dark;
	view,text {
		color: $u-warning-dark !important;
	}
}
.u-warning-disabled {
	color: $u-warning-disabled;
	view,text {
		color: $u-warning-disabled !important;
	}
}
.u-warning-light {
	color: $u-warning-light;
	view,text {
		color: $u-warning-light !important;
	}
}

.u-success {
	color: $u-success;
	view,text {
		color: $u-success !important;
	}
}
.u-success-dark {
	color: $u-success-dark;
	view,text {
		color: $u-success-dark !important;
	}
}
.u-success-disabled {
	color: $u-success-disabled;
	view,text {
		color: $u-success-disabled !important;
	}
}
.u-success-light {
	color: $u-success-light;
	view,text {
		color: $u-success-light !important;
	}
}

.u-error {
	color: $u-error;
	view,text {
		color: $u-error !important;
	}
}
.u-error-dark {
	color: $u-error-dark;
	view,text {
		color: $u-error-dark !important;
	}
}
.u-error-disabled {
	color: $u-error-disabled;
	view,text {
		color: $u-error-disabled !important;
	}
}
.u-error-light {
	color: $u-error-light;
	view,text {
		color: $u-error-light !important;
	}
}

.u-info {
	color: $u-info;
	view,text {
		color: $u-info !important;
	}
}
.u-info-dark {
	color: $u-info-dark;
	view,text {
		color: $u-info-dark !important;
	}
}
.u-info-disabled {
	color: $u-info-disabled;
	view,text {
		color: $u-info-disabled !important;
	}
}
.u-info-light {
	color: $u-info-light;
	view,text {
		color: $u-info-light !important;
	}
}

.txt {
	&-bold {
		font-weight: bold;
		color: $black-color;
	}
	&-info {
		color: $dark-gray;
	}
	&-large {
		font-size: 18px;
	}
	&-normal {
		font-size: 16px;
	}
	&-small {
		font-size: 14px;
	}
	&-mini {
		font-size: 12px;
	}
	&-deco {
		text-decoration: line-through;
	}
	&-ellipsis {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
	}
}

.m-10 {
	margin: 10px;
}
.m-20 {
	margin: 20px;
}
.m-15 {
	margin: 15px;
}
.m-t-0 {
	margin-top: 0px;
}
.m-r-0 {
	margin-right: 0px;
}
.m-b-0 {
	margin-bottom: 0px;
}
.m-l-0 {
	margin-left: 0px;
}
.m-0 {
	margin: 0px;
}

.p-10 {
	padding: 10px;
}
.p-15 {
	padding: 15px;
}
.p-t-0 {
	padding-top: 0px;
}
.p-r-0 {
	padding-right: 0px;
}
.p-b-0 {
	padding-bottom: 0px;
}
.p-l-0 {
	padding-left: 0px;
}
.p-0 {
	padding: 0px;
}
.p-t-10 {
	padding-top: 10px;
}
.p-r-10 {
	padding-right: 10px;
}
.p-b-10 {
	padding-bottom: 10px;
}
.p-l-10 {
	padding-left: 10px;
}

.border-b {
	border-bottom: 1rpx solid #eeeeee;
}

.card-wrapper {
	/* app.scss 或 common.scss */
	.u-card__head {
		padding: 0px !important;
	}

	.u-card__foot {
		padding: 0px !important;
	}

	&.u-card {
		overflow: visible !important;
		box-shadow: 0 5rpx 8rpx rgba(0,0,0,0.085) !important;
	}
}

:deep(.uni-numbox__value) {
	height: 32px !important;
}
.uni-numbox-btns {
	padding: 5px 10px !important;
}